<template>
    <div class="reset-password-container">
        个人中心

        <el-button @click="showRestPWD=true">{{ translate('label.resetPassword') }}</el-button>

        <!--修改密码-->
        <el-drawer :title="translate('label.resetPassword')"
                   :visible.sync="showRestPWD"
                   direction="rtl"
                   custom-class="media-size"
                   :wrapperClosable="false">
            <resetPassWord v-if="showRestPWD" @cancel="showRestPWD=false" @success="showRestPWD=false"/>
        </el-drawer>
    </div>
</template>

<script lang="ts">
import {Component} from "vue-property-decorator";
import BaseVue from '@/common/base-vue'

import resetPassWord from '@/views/system/user-center/reset-password';
@Component({components: {resetPassWord}})
export default class UserCenter extends BaseVue {

    public showRestPWD = false;
}
</script>

<style lang="scss" scoped>
</style>
